<template>
    <div class="login-container">
		<el-row>
		  <el-col>
		    <div class="login-container-form" style="float: right;padding: 80px;">
		      <div class="login-container-hello">hello!</div>
		      <div class="login-container-title">欢迎来到 {{ title }}</div>
		     <el-form :model="form" @submit="handleSubmit" @submit.prevent>
		        <el-form-item>
		          <el-input v-model:value="form.username" placeholder="Username">
		            <template v-slot:prefix>
		            </template>
		          </el-input>
		        </el-form-item>
		        <el-form-item>
		          <el-input
		            v-model:value="form.password"
		            type="password"
		            placeholder="Password"
		          >
		            <template v-slot:prefix>
		            </template>
		          </el-input>
		        </el-form-item>
		        <el-form-item>
		          <el-button
		            type="primary"
		            html-type="submit"
		            :disabled="form.username === '' || form.password === ''"
		          >
		            登录
		          </el-button>
		        </el-form-item>
		      </el-form>
		    </div>
		  </el-col>
		</el-row>
    </div>
</template>
<script>
import index from "./index.js";
export default index;
</script>

<style lang="scss">
@import "./index.scss";
</style>


